@title-font-weight: bolder;
@title-font-size: 13px;
@title-font-color: #333333;
@border-line: solid 1px #EEE;
@line-height: 40px;
@title-height: 40px;
.fav-browser-container {
  .ant-spin-nested-loading, .ant-spin-container {
    position: static;
  }
  .fav-browser-top {
    position: relative;

    .fav-form-title {
      height: @title-height;
      font-weight: @title-font-weight;
      font-size: @title-font-size;
      line-height: @line-height;
      color: @title-font-color;
      text-align: left;
      padding-left: 10px;
    }

    .fav-form-basic {
      border-top: @border-line;
      padding: 20px 20px 0 20px;

      .ant-form-item {
        margin-bottom: 10px;
        .ant-form-item-control {
          line-height: normal;
        }
      }

      .wea-select {
        padding-top: 7px;
      }

      .wea-select .ant-radio-wrapper {
        margin-bottom: 0px !important;
      }

      .wea-field-readonly {
        .child-item {
          line-height: inherit;
          margin-top: 0px;
        }
      }
    }
  }

  .fav-browser-directory {
    position: absolute;
    width: 100%;
    top: 195px;
    bottom: 0;

    .fav-directory-title {
      border-top: @border-line;
      text-align: left;
      height: @title-height;
      cursor: pointer;

      .fav-directory-text {
        font-weight: @title-font-weight;
        font-size: @title-font-size;
        line-height: @line-height;
        color: @title-font-color;
        margin-left: 10px;
        float: left;
      }

      .fav-directory-btn {
        float: right;
        line-height: 36px;
        margin-right: 30px;

        button {
          padding: 4px 10px !important;
        }
      }
    }

    .fav-browser-tree {
      border-top: @border-line;
      position: absolute;
      width: 100%;
      top: 41px;
      bottom: 0;

      .fav-browser-scroll-wrapper {
        height: 100%;
      }
    }
  }
}